<!doctype html>
<html>
<head>
<meta charset="UTF-8"> 
<meta name="keywords" content="{$cname_data},{$cname_data}价格"/>
    <meta name="description" content="【{$cname_data}】苏宁易购提供姚踏 {$g_data.gname},{$cname_data}正品行货,保证低价,包括{$cname_data}报价,参数,评价,图片,评测等信息,网购{$cname_data}上苏宁！"/>
<title>【{$cname_data}】{$g_data.gname}【价格 图片 品牌 报价】-苏宁易购</title>
<include file="__VIEW__/Common/hearder" />
<link rel="stylesheet" href="__STATIC__/Index/Css/show.css" />
<script type="text/javascript" src="__STATIC__/Index/Js/show.js"></script>

<link rel="stylesheet" href="__STATIC__/Index/Css/animate.min.css"/>
<script type="text/javascript" src="__STATIC__/Index/Js/jquery.hDialog.js"></script>
	<!-- =========头部结束====================================== --> 
<script type="text/javascript"> 
	var url = "{|U:'Show/getGoodsList'}";
	var add_cart = "{|U:'Show/add_cart'}";
</script>
<div class="position">
<a href="__ROOT__">首页</a>&gt
	<foreach from="$path" key="$k" value="$v">
		<a href="{|U:'List/index',array('cid'=>$k)}">{$v}</a>&gt
	</foreach>{$g_data.gname}
</div> 

<div class="main_show">
	<!--商品展示-->
	<div class="m_show">
		<!--左侧-->
		<div class="m_show_l"> 

<div id="tFocus">
	<div class="prev" id="prev"></div>
	<div class="next" id="next"></div>
 
		<ul id="tFocus-pic" class="box"> 
			<foreach from="$gd_data['medium']" key="$k" value="$v">
				<li><img src="__ROOT__/{$v}" width="338" height="340" alt="" /></li> 
			</foreach></ul>  

	<div id="tFocusBtn">
		<a href="javascript:void(0);" id="tFocus-leftbtn"></a>
		<div id="tFocus-btn">
			<ul>
				<foreach from="$gd_data['small']" key="$k" value="$v">
					<li><img src="__ROOT__/{$v}" width="87" height="57" alt="" /></li> 
				</foreach>
				 
			</ul>
		</div>
		<a href="javascript:void(0);" id="tFocus-rightbtn"></a>
	</div>
</div><!--tFocus end-->

<script type="text/javascript">addLoadEvent(Focus());</script>

		
		</div>
		<!--右侧-->
		<div class="m_show_r">
			<h1 class="goods_title">{$g_data.gname}</h1>
			<div class="div_price">
				<p>商品价<span class="sp_1">￥</span><span class="sp_2">{$g_data.goods_price}.00</span></p>
			</div>
			
			<!-- <dl class="dl_s">
				<dd>送至</dd>
				<dt>
					<div class="place">北京东城区</div>
				</dt>
			</dl> -->

			<foreach from="$ta_spec_data" key="$k" value="$v">
			<dl class="dl_s">
				<dd>{$v.taname}</dd>
				<dt class="dt_color"> 
					<foreach from="$v['spec']" key="$k" value="$v">
						<a href="javascript:void(0);" gaid='{$k}'>{$v}</a>
					</foreach> 
				</dt>
			</dl>
			</foreach> 

			<div class="set_box_no"></div> 
			<div class="set_box">
				<dl class="dl_s">
					<dd>购买数量</dd>
					<dt class="dt_num">
						<span class='s_reduce'></span>
							<input type="text" name='number' value='1' class='s_input'/>
							<input type="hidden" name="" value='1' class='h_input'>
						<span class='s_plus'></span>
					</dt>
				</dl> 
				<style type="text/css">
				.dt_checked span{
					margin-right: 20px;
				}
				</style>
				<dl class="dl_s">
					<dd>您已选择</dd>
					<dt class="dt_checked">
						<span class="span_1"></span>
						<span class="span_2"></span>
						<span class="span_3"></span> </dt> 
				</dl>
			</div>

			<dl class="dl_s">
				<dd></dd>
				<dt class="dt_ok">  
					<a href="<if value="!$_SESSION['uid']">javascript:void(0)<else />{|U:'Order/index'}</if>" class="a_buy a_buy_ok <if value="!$_SESSION['uid']">rotateInUpLeft dialog</if>"></a>
					<a href="javascript:void(0)" class="a_buy"></a>
				</dt>
			</dl>
			
			
			
		</div>
		
	</div> 

	<!-- 添加到购物车提示框 -->
	<div class="success" id="ok">
		<h4>提示</h4><i>x</i>
		<b></b><p><span class="info"></span>购物车里已有 <span class="total_rows"></span>种商品</p>
		<input type="button" value="再逛逛" class="quit" />
		<a href="{|U:'Cart/index'}" target="_blank"><input type="button" value="去购物车结算" /></a>
	</div>

	<!-- 相同商品提示框 -->
	<div class="success" id="already">
		<h4>提示</h4><i>x</i>
		<b></b><p>购物车中已经有相同商品。您希望：</p>
		<input type="button" value="不要添加" class="quit" />
		<input type="button" value="多买一件" id="more" />
		<a href=""><input type="button" value="去购物车结算" /></a>
	</div>

	<!--商品详情-->
	<div class="m_details">
			<!--左侧-->
				<div class="m_details_l"> 

					<div class="hot_goods hot_goods_show">
						<div class="hot_title">云台热卖</div>
						<foreach from="$rand_data" key="$k" value="$v">
							<div class="hot_g_s">
								<a href="{|U:'Show/index',array('gid'=>$v['gid'],'tid'=>$v['type_tid'])}" ><img src="__ROOT__/{$v.pic}" alt="{$v.gname}" /></a>
								<a href="{|U:'Show/index',array('gid'=>$v['gid'],'tid'=>$v['type_tid'])}" class="h_goods_t">{$v.gname}</a>
								<p class="h_price">¥{$v.goods_price}</p>
							</div>
						</foreach>
						
					</div>
			</div>
			<!--右侧-->
			<div class="m_details_r">
				
				<div class="slideTxtBox">
					<div class="hd">  
					<ul>
					  <li>商品详情</li>
					  <!-- <li>包装及参数</li>
					  <li> 评价（183）</li> --> 
					  <li>售后保障</li></ul>
					</div>
				  <div class="bd">
				    <ul class="intro">{$gd_data.intro}</ul>
				    <!-- <ul><img src="__STATIC__/Index/Images/f2.jpg" alt="" width='100%'/></ul> -->
				    
				    <!-- <ul>
<div class="bloglist">
	<ul class="arrow_box">

		<a href=""class="sy_a">
			<img src="http://localhost/project/shop/Upload/Content/15_09/25171443278378.jpg" width='40px' height='80px'>
			<p> title</p>
			<div class="div_in_con">content</div>
		</a>
		<span class="dateview">2014-1-1</span> 

	</ul> 
</div>
</ul>  -->
				    
<ul class="service">{$gd_data.service}</ul></div></div>

<style type="text/css">
.bloglist { width: 100%; margin: 0 auto; background: url(../images/r_title_bg.jpg) repeat-y 764px 0;overflow: hidden; }
.arrow_box { 
	background: #f8f8f8; box-shadow: 0px 1px 0px rgba(255,255,255,.1), inset 0px 1px 1px rgba(214, 214, 214, 0.7); width: 730px; border-radius: 6px; position: relative; padding: 30px 0; margin: 20px 0; }
.arrow_box img { width: 150px; float: left; margin: 0 20px 0 20px; }
.arrow_box p { 
	font-size: 16px;
	font-family: 微软雅黑;
	font-weight: 700;
	color: #7e7e7e;
	line-height: 24px;  
	padding: 0 10px 10px
}
.arrow_box .div_in_con {  
	padding: 0px 10px;
}
.arrow_box::before { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 0px 0 20px 22px; border-color: transparent transparent transparent #fff; position: absolute; left: 730px; top: 23px; }/* 三角形 */
.arrow_box::after { content: ""; width: 10px; height: 10px; border-radius: 50%; position: absolute; left: 758px; top: 16px; background: #CCCCCE; border: 2px solid #fff; transition: all 0.5s; }/* 圆形 */
.arrow_box:hover::before { border-color: transparent transparent transparent #CECCCD }/* 三角形 */
.arrow_box:hover::after { border: #fff 2px solid; background: #ffaa00 }/* 圆形 */
.arrow_box:hover { background: #f4f2f2; color: #333; text-shadow: #f7f7f7 1px 1px 1px }
.dateview { position: absolute; 
	left: 788px; top: 20px; 
	width: 200px; line-height: 30px; 
	background: #ffaa00; 
	border-radius: 0px 40px; 
	text-align: center; color: #fff 
}
</style>
<script type="text/javascript">jQuery(".slideTxtBox").slide();</script></div></div></div>

<style type="text/css">
.in_tap{
	width:300px;height:270px;
	position: relative;　
}
.dl_l{
	width:300px;height:30px;
	background: #eee; 
}
.dl_l dt{
	width:100px;
	height:30px;　 
	float: left;
	cursor: pointer;
	font-size: 14px;
	font-weight: 700;
	color: #aaa;
	text-align: center;
	margin-left: 10px;
}
.dl_l dt.dt_cur{
	border-top: 2px solid #f90; 
	background: #fff; 
	color: #f90;
}
	</style>
		<include file="__VIEW__/Common/login_reg" />
	<script>
$(function(){
	var $el = $('.dialog');
	$el.hDialog();
	//返回顶部
	// $.goTop();
	//提交并验证表单
	$('.submitBtn').click(function() {
		var $username = $('.username');
		if($username.val() == ''){
			$.tooltip('用户名还没填呢...'); $phone.focus();
		}else{
			$.tooltip('登录成功',1000,true);
			setTimeout(function(){
				$el.hDialog('close',{box:'#HBox'},'{|U:'Order/index'}');  //跳转链接
			},2000);

		}
	});
});

</script>
<include file="__VIEW__/Common/footer" />